/*公用部分 start*/
.stepStatus{
	width: 985px;
	box-sizing: border-box;
	padding: 20px 0;
	margin: 0 auto;
}
.step,.stepDec,.stepLine{
	float: left;
}
.step .active{
	color: #32C37C;
}
.stepDec{
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}
.stepNum{
	width: 40px;
	height: 40px;
	border: 2px solid #666;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}
.active .stepNum{
	border: 2px solid #32C37C;
}
.stepName{
	font-size: 12px;
}
.prepareLine{
	width: 115px;
	height: 2px;
	background-color: #999;
	margin-top: 19px;
}
.finishLine{
	width: 115px;
	height: 2px;
	background-color: #32C37C;
	margin-top: 19px;
	position: relative;
}
/*公用部分 end*/

.sourceSetting{
	width: 1205px;
	margin: 0 auto;
}
.sourceSetting .projectBox:before{
	background-color: transparent;
}

.roomNameForm{
	width: 100%;
	display: block;
	border-bottom: 1px solid #e9e9e9;
}
.roomName{
	width: 115px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	float: left;
	text-align: center;
	border: 1px solid #e9e9e9;
	border-bottom: 0;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	top: 10px;
}
.roomActiveName{
	height: 40px;
	line-height: 40px;
	position: relative;
	top: 1px;
	font-size: 14px;
	color: #32C37C;
	background-color: #fff;
}







.sourceSelectBtnBox{
	margin: 20px 0;
}
.chemistrySourceFormName{
	width: 100%;
	line-height: 35px;
	font-size:14px;
}
.chemistrySourceFormTitle{
	border-top: 2px solid #e9e9e9;
	border-bottom:2px solid #e9e9e9;
	line-height: 85px;
	box-sizing: border-box;
	font-size: 12px;
}
.chemistrySourceFormTitle .type{
	width: 140px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormTitle .area{
	width: 95px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormTitle .picture{
	width: 100px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormTitle .brand{
	width: 100px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormTitle .model{
	width: 100px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormTitle .controlRequestBox{
	width: 480px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormTitle .controlRequestBox .controlRequest{
	line-height: 40px;
	height: 41px;
	box-sizing: border-box;
	border-bottom: 1px solid #e9e9e9;
}
.chemistrySourceFormTitle .controlRequestBox .controlConsumption{
	line-height: 22px;
	height: 40px;
	box-sizing: border-box;
}
.chemistrySourceFormTitle .operation{
	width: 145px;
	float: left;
	text-align: center;
}

.chemistrySourceFormInfo{
	width: 100%;
	box-sizing: border-box;
	border-bottom: 2px solid #e9e9e9;
	height: 70px;
	line-height: 68px;
	font-size:12px;

}
.chemistrySourceFormInfo .typeVal{
	width: 140px;
	float: left;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormInfo .areaVal{
	width: 95px;
	float: left;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormInfo .pictureVal{
	width: 100px;
	float: left;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormInfo .pictureVal img{
	width: 50%;
	display: block;
	margin: 9px auto;
}
.chemistrySourceFormInfo .brandVal{
	width: 100px;
	float: left;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormInfo .modelVal{
	width: 100px;
	float: left;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormInfo .controlRequestValBox{
	width: 480px;
	float: left;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.chemistrySourceFormInfo .operationBox{
	width: 140px;
	float: left;
	height: 100%;
	text-align: center;
}
.chemistrySourceFormInfo .operationBox a{
	color: #2277DA;
}

.sourceForm{
	width: 100%;
	margin-top: 20px;
}
.sourceFormName{
	width: 100%;
	line-height: 35px;
	font-size: 14px;
}
.sourceFormTitle{
	width: 100%;
	height: 37px;
	line-height: 35px;
	border-bottom: 2px solid #e9e9e9;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 12px;
}
.sourceFormNav{
	width: 20%;
	float: left;
}
.sourceFormNav a{
	color: #2277DA;
}
.sourceFormNav input{
	width: 80%;
	height: 35px;
	box-sizing: border-box;
	padding-left: 10px;
	font-size: 12px;
}
.sourceFormInfo{
	width: 100%;
	height: 52px;
	line-height: 50px;
	box-sizing: border-box;
	border-bottom: 2px solid #e9e9e9;
	padding: 0 20px;
	font-size: 12px;
}




/*化学污染源模态框*/
.addMaterialModalBox .el-dialog--small{
	width: 1150px;
	height: 610px;
	top: 50% !important;
	margin-top: -305px;
}
.addMaterialModalBox .el-dialog__body{
	padding: 20px;
}
.addMaterialModalBox .contentLeft{
	width: 150px;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	margin-right: 10px;
	float: left;
	background-color: #d9d9d9;
}

.addMaterialModalBox .contentRight{
	width: 950px;
	height: 100%;
	float: left;
	box-sizing: border-box;
}
.addMaterialModalBox .contentRight{
	width: 950px;
	height: 100%;
	float: left;
	box-sizing: border-box;
}
.addMaterialModalBox .contentRight .priceAndLevelTitle{
	width: 100%;
	background-color: #ececec;
	box-sizing: border-box;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	border-top: 1px solid transparent;
	overflow: hidden;
}
.addMaterialModalBox .contentRight .priceAndLevelTitle .levelBox{
	float: left;
	font-size: 14px;
}
.addMaterialModalBox .contentRight .levelBox label{
	float: left;
}
.addMaterialModalBox .contentRight .priceAndLevelTitle .levelSelectBox{
	float: left;
	height: 27px;
	width: 95px;
	line-height: 27px;
	margin-top: 11px;
	margin-left: 10px;
	box-sizing: border-box;
	position: relative;
	background: #fff;
	font-size: 12px;
}
.addMaterialModalBox .contentRight .priceAndLevelTitle .levelSelectBox:before{
	content: ' ';
	position: absolute;
	top: 10px;
	right: 5px;
	width: 0;
    height: 0;
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent;
    border-top: 7px solid #999;
}
.addMaterialModalBox .contentRight .priceAndLevelTitle .levelSelectBox ul{
	background-color: #fff;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	width: 95px;
	margin-left: -6px;
	padding-left: 5px;
}
.addMaterialModalBox .contentRight .priceAndLevelTitle .levelInput{
	float: left;
	margin-left: 20px;
	width: 124px;
	height: 27px;
	margin-top: 11px;
	border: 1px solid #d9d9d9;
	padding-left: 5px;
	box-sizing: border-box;
	font-size: 12px;
	background-color: #fff;
}
.addMaterialModalBox .contentRight .priceAndLevelTitle .searchBtn{
	width: 75px;
    color: #fff;
    background-color: #32C37C;
    font-size: 12px;
    height: 26px;
    box-sizing: border-box;
    margin-left: 10px;
    border: 1px solid #d9d9d9;
}
.addMaterialModalBox .contentRight .exchangeText{
	font-size: 14px;
	margin-right: 10px;
	float: left;
}
.addMaterialModalBox .contentRight .priceAndLevelTitle .fr .active{
	color: #32C37C;
}
.addMaterialModalBox .materialRoomList{
	margin-bottom: 40px;
	height: 250px;
	overflow-y: scroll;
}
.addMaterialModalBox .demonstration{
	line-height: 35px;
    font-size: 12px;
    margin-right: 5px;
}
.addMaterialModalBox .listDec{
	width: 100%;
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
	height: 86px;
	box-sizing: border-box;
	font-size: 12px;
	color: #333;
}
.addMaterialModalBox .listDec .materialType{
	width: 76px;
	height: 84px;
	line-height: 84px;
	float: left;
	text-align: center;
	border-right: 1px solid #e9e9e9;
}
.addMaterialModalBox .listDec .materialArea{
	width: 75px;
	height: 84px;
	line-height: 84px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .listDec .materialImg{
	width: 67px;
	height: 84px;
	line-height: 84px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .listDec .materialModel{
	width: 63px;
	height: 84px;
	line-height: 84px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .listDec .materialPrice{
	width: 61px;
	height: 84px;
	line-height: 84px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .listDec .materialControl{
	width: 36px;
	height: 84px;
	line-height: 84px;
	float: left;
	text-align: center;
	border-right: 1px solid #e9e9e9;
}

.addMaterialModalBox .listDec .materialBrand{
	width: 70px;
	height: 84px;
	line-height: 84px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .listDec .controlRequest{
	border: 0;
}
.addMaterialModalBox .listDec .materialControl{
	height: 84px;
	line-height: 84px;
	float: left;
	text-align: center;
}
.addMaterialModalBox .materialDec{
	border-bottom: 1px solid #e9e9e9;
	font-size: 12px;
}
.addMaterialModalBox .materialDec:hover{
	background-color: #f9f9f9;
}
.addMaterialModalBox .materialList .materialDec{
	width: 100%;
	border-bottom: 2px solid #e9e9e9;
	height: 70px;
	box-sizing: border-box;
	font-size: 12px;
	color: #666;
}
.addMaterialModalBox .materialDec .materialType{
	width: 76px;
	height: 68px;
	line-height: 68px;
	float: left;
	text-align: center;
	border-right: 1px solid #e9e9e9;
}
.addMaterialModalBox .materialDec .materialArea{
	width: 75px;
	height: 68px;
	line-height: 68px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .materialDec .materialImg{
	width: 67px;
	height: 68px;
	line-height: 68px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .materialDec .materialImg img{
	width: 50px;
	height: 50px;
	margin-top: 10px;
}
.addMaterialModalBox .materialDec .controlRequest{
	width: 480px;
	height: 68px;
	float: left;
	border-right: 1px solid #e9e9e9;
}
.addMaterialModalBox .materialDec .materialContentList{
	width: 100%;
	height: 68px;
	color: #666;
}
.addMaterialModalBox .listDec .controlRequest{
	width: 480px;
	height: 84px;
	float: left;
	border-right: 1px solid #e9e9e9;
}
.addMaterialModalBox .listDec .cRFirstMenu{
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #e9e9e9;
}
.addMaterialModalBox .listDec .cRSecondMenu{
	width: 100%;
	height: 44px;
	color: #666;
}
.addMaterialModalBox .listDec .cRSecondMenuName{
	margin-top: 5px;
	color: #333;
}
.addMaterialModalBox .materialDec .materialContent{
	line-height: 68px;
}
.addMaterialModalBox .materialDec .offerWay{
	width: 102px;
	height: 68px;
	line-height: 68px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .materialDec .brand{
	width: 62px;
	height: 68px;
	line-height: 68px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .materialDec .materialModel{
	width: 63px;
	height: 68px;
	line-height: 68px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .materialDec .materialPrice{
	width: 61px;
	height: 68px;
	line-height: 68px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .materialDec .materialBrand{
	width: 70px;
	height: 68px;
	line-height: 68px;
	float: left;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.addMaterialModalBox .materialDec .materialControl{
	width: 36px;
	height: 68px;
	line-height: 68px;
	float: left;
	text-align: center;
	border-right: 1px solid #e9e9e9;
}
.addMaterialModalBox .materialDec .controlRequest{
	border: 0;
}
.addMaterialModalBox .el-menu--dark .el-menu-item,.addMaterialModalBox  .el-menu--dark .el-submenu__title{
	color: #666;
	background-color: #d9d9d9;
}
.addMaterialModalBox .el-menu--dark .el-menu-item:hover,.addMaterialModalBox  .el-menu--dark .el-submenu__title:hover{
	color: #fff;
	background-color: #32C37C;
}
.addMaterialModalBox .el-menu-item-group__title,.addMaterialModalBox .el-menu-item{
	background-color: #d9d9d9;
}
.addMaterialModalBox .el-menu-item-group ul .el-menu-item:hover,.addMaterialModalBox .el-menu-item:hover{
	color: #fff;
	background-color: #32C37C !important;
}
.addMaterialModalBox .el-select .el-input__inner{
	border-radius: 0;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
}



/*查看详情模态框样式*/
.materialDetail .el-dialog--small{
	width: 720px;
	height: 610px;
	top: 50% !important;
	margin-top: -305px;
}
.addMaterialModalBox .el-dialog--small{
	width: 1150px;
	height: 610px;
	top: 50% !important;
	margin-top: -305px;
}
.copyModalBox .el-dialog--small{
	width: 600px;
	height: 400px;
	top: 50% !important;
	margin-top: -200px;
}
.granulePollution .el-dialog--small{
	width: 860px;
	height: 540px;
	top: 50% !important;
	margin-top: -270px;
}
.modalContentBox{
	box-sizing: border-box;
	border-top: 1px solid transparent;
	padding: 0;
}
.modalContentBox .modalContent{
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #e9e9e9;
}
.modalContentBox .imgForm{
	width: 100%;
	margin-top: 20px;
}
.modalContentBox .imgBox{
	width: 50%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}
.modalContentBox .imgBox img{
	width: 255px;
	height: 255px;
}
.modalContentBox .imgDec{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-left: 50px;
}
.modalContentBox .decBox{
	margin-bottom: 15px;
	font-size: 14px;
}
.modalContentBox .decBox label{
	display: block;
	float: left;
	width: 85px;
	color: #666;
}
.modalContentBox .decBox .dec{
	float: left;
	color: #333;
}
.modalContentBox .listForm{
	box-sizing: border-box;
    padding: 0 40px;
    width: 100%;
    margin-bottom: 35px;
}
.modalContentBox .listForm .listFormTitle{
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px 0;
	border-bottom: 2px solid #d9d9d9;
}
.modalContentBox .listForm .listFormTitle .listSource{
	width: 130px;
	float: left;
	height: 40px;
	line-height: 40px;
}
.modalContentBox .listForm .listFormTitle .release{
	width: 215px;
	float: left;
	height: 40px;
	line-height: 40px;
}
.modalContentBox .listForm .listFormTitle .releaseLevel{
	width: 210px;
	float: left;
	height: 40px;
	line-height: 40px;
}
.modalContentBox .listForm .listFormDec{
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px 0;
	border-bottom: 1px solid #d9d9d9;
}
.modalContentBox .listForm .listFormDec .listSource{
	width: 130px;
	float: left;
	height: 50px;
	line-height: 50px;
}
.modalContentBox .listForm .listFormDec .release{
	width: 215px;
	float: left;
	height: 50px;
	line-height: 50px;
}
.modalContentBox .listForm .listFormDec .releaseLevel{
	width: 210px;
	float: left;
	height: 50px;
	line-height: 50px;
}


/*添加颗粒源模态框*/
.granulePollution .title{
	background-color: #ececec;
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	padding:0 15px;
}
.granulePollution .title .inputBox{
	font-size: 14px;
	margin-right: 15px;
	float: left;
}
.granulePollution .title .inputBox label{
	margin-right: 5px;
}
.granulePollution .title .inputBox .longInput{
	width: 125px;
	height: 27px;
	box-sizing: border-box;
	padding-left: 5px;
}
.granulePollution .title .inputBox .shortInput{
	width: 64px;
	height: 27px;
	box-sizing: border-box;
	padding-left: 5px;
}
.granulePollution .title .sure{
	height: 26px;
	margin-right: 5px;
	width: 70px;
}
.granulePollution .title a{
	color: #2277DA;
	font-size: 12px;
}
.granulePollution .title span{
	font-size: 12px;
}
.granulePollution .form{
	margin-bottom: 10px;
	/*height: 890px;*/
	overflow-y: scroll;
	width: 100%;
}
.granulePollution ul .formTitle{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 2px solid #d9d9d9;
	box-sizing: border-box;
	padding: 0 20px;
	font-weight: 700;
	color: #333;
}
.granulePollution ul .formTitle div{
	float: left;
}
.granulePollution ul .formDec{
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #d9d9d9;
	box-sizing: border-box;
	padding: 0 20px;
}
.granulePollution ul .formDec div{
	float: left;
}
.granulePollution ul .checkBox{
	width: 40px;
}
.granulePollution ul .type{
	width: 240px;
}
.granulePollution ul .PM2{
	width: 230px;
}
.granulePollution ul .PM10{
	width: 230px;
}
.granulePollution .demonstration{
	line-height: 35px;
    font-size: 12px;
    margin-right: 5px;
}


/*二氧化碳源模态框*/
